<template>
  <el-card shadow="never" style="border: none">
    <div slot="header">
      <i class="el-icon-ticket" />
      <span>问题详情</span>
    </div>
    <el-row style="display: flex; align-items: center">
      <el-col :span="8">
        <span class="label">问题名称：</span>
        <span class="value">{{ info.accName }}</span>
      </el-col>
      <el-col :span="8">
        <span class="label">企业名称：</span>
        <span class="value">{{ info.corpName }}</span>
      </el-col>
      <el-col :span="8">
        <span class="label">问题级别：</span>
        <dict-tag class="value" :options="dict.type.sys_dict_problem_level" :value="info.accLevel" />
      </el-col>
    </el-row>

    <el-row class="mt20" style="display: flex; align-items: center">
      <el-col :span="8">
        <span class="label">问题状态：</span>
        <dict-tag class="value" :options="dict.type.sys_task_handle_type" :value="info.status" />
      </el-col>
      <el-col :span="8">
        <span class="label">关联巡查任务：</span>
        <span class="value">{{ info.taskName }}</span>
      </el-col>
    </el-row>
  </el-card>
</template>
<script>

export default {
  name: 'EventInfoCard',
  dicts: ['sys_task_handle_type', 'sys_dict_problem_level'],
  props: {
    info: {
      type: Object,
      default: () => ({})
    }
  }
}
</script>
<style lang="scss" scoped>
.value {
  display: inline-block;
}
</style>
